<template>
  <div>

    <div style="text-align: center; margin-top: 50px">
      <img src="../../assets/wyy.jpg" width="150px" height="100px">
    </div>

    <van-form @submit="userLogin">
      <van-field
          v-model="username"
          name="用户名"
          label="用户名"
          placeholder="用户名"
          :rules="[{ required: true, message: '请填写用户名' }]"
      />
      <van-field
          v-model="password"
          type="password"
          name="密码"
          label="密码"
          placeholder="密码"
          :rules="[{ required: true, message: '请填写密码' }]"
      />
      <div style="margin: 16px;">
        <van-button round block type="danger" native-type="submit">登录</van-button>
      </div>
    </van-form>
  </div>

</template>

<script>
export default {
  name: "Login",
  data() {
    return {
      username: '',
      password: '',
    };
  },
  mounted() {
    this.$store.state.phoneTitle =this.$route.meta.title
  },
  methods: {
    userLogin(){
      this.$API.userLogin({
        username: this.username,
        password: this.password
      }).then(res =>{
        if(res.code == "200"){
          //
          localStorage.setItem("user",JSON.stringify(res.data))
          this.$router.push('/phone/home')
        }
      })
    }
  },
}
</script>

<style scoped>

</style>